<script>
$(document).ready(function(){
    $("#sel_class").change(function(){
        $.get('<?php echo $this->route("get-student-from-class")?>',
         {
            class_id:$(this).val(),
            group_sn:$("#select-subject").val()
          } ,
        	function(data) {
        	    $("#sel-student-list").html(data);
            });
      });
    $("#sel_class option:first").attr('selected','selected');
    $("#sel_class").trigger('change');
});
</script>
<style>
#sel-class-area,#sel-student-list {float:left;margin:5px;}
</style>
<form>
<div id="sel-class-area" >
<select name="sel_class" id="sel_class" size="10">
<?php echo $this->ClassNameOptions($this->selClass)?>
</select>
</div>
<div id="sel-student-list">
</div>
</form>
<div style="clear:both"></div>